<div nz-row class="div_row">

    <div nz-col [nzOffset]="2" [nzSpan]="2" class="infoRight">
        <label for="remark">牌照号码</label>
        <!-- <nz-select style="width: 100%;" [(ngModel)]="carId" [nzPlaceHolder]="'请选择车辆ID'" (ngModelChange)="carIdChange($event)"
            nzAllowClear>
            <nz-option *ngFor="let option of carList" [nzLabel]="option.text" [nzValue]="option.value"></nz-option>
        </nz-select> -->
    </div>
    <div nz-col [nzSpan]="4">
        <!-- <nz-input [nzSize]="'large'" [(ngModel)]="carId" [nzPlaceHolder]="'请输入车辆牌照号码'"></nz-input> -->
        <nz-select style="width: 100%;" [(ngModel)]="carId" [nzPlaceHolder]="'请选择车辆牌照号码'" (ngModelChange)="carIdChange($event)"
            nzAllowClear>
            <nz-option *ngFor="let option of carList" [nzLabel]="option.text" [nzValue]="option.value"></nz-option>
        </nz-select>
    </div>
    <div nz-col [nzSpan]="2" class="infoRight">
        <label for="remark">司机名字</label>
        <!-- <nz-select style="width: 100%;" [(ngModel)]="driverId" [nzPlaceHolder]="'请选择司机ID'" (ngModelChange)="driverIdChange($event)"
    nzAllowClear>
    <nz-option *ngFor="let option of driverList" [nzLabel]="option.text" [nzValue]="option.value"></nz-option>
</nz-select> -->
    </div>
    <div nz-col [nzSpan]="4">
        <!-- <nz-input [nzSize]="'large'" [(ngModel)]="driverId" [nzPlaceHolder]="'请输入司机名字'"></nz-input> -->
        
        <nz-select style="width: 100%;" [(ngModel)]="driverId" [nzPlaceHolder]="'请选择司机名字'" (ngModelChange)="driverIdChange($event)"
    nzAllowClear>
    <nz-option *ngFor="let option of driverList" [nzLabel]="option.text" [nzValue]="option.value"></nz-option>
</nz-select>
    </div>
    <div nz-col [nzOffset]="1" [nzSpan]="2" class="infoRight">
        <label for="remark">充值金额（元）</label>
    </div>
    <div nz-col [nzSpan]="3">
        <nz-input-number [(ngModel)]="chargeMoney" [nzMin]="0" [nzStep]="1"></nz-input-number>
    </div>
    <div nz-col [nzSpan]="2">
        <button nz-button [nzSize]="'large'" [nzType]="'primary'" (click)="cardCharge()">确定</button>
    </div>
</div>
<div nz-row class="div_row">
    <div nz-col [nzOffset]="2" [nzSpan]="20">
        <section>
            <main>
                <nz-table #nzTable [nzAjaxData]="data" [nzTotal]="_total" [nzPageSize]="10" [nzPageIndex]="pageIndex" (nzPageIndexChange)="resetIndex($event)">
                    <thead nz-thead>
                        <tr>
                            <th nz-th>
                                <span>序号</span>
                            </th>
                            <th nz-th>
                                <span>车牌号码</span>
                            </th>
                            <th nz-th>
                                <span>充值日期</span>
                            </th>
                            <th nz-th>
                                <span>充值金额</span>
                            </th>
                        </tr>
                    </thead>
                    <tbody nz-tbody>
                        <tr nz-tbody-tr *ngFor="let data of nzTable.data;let i = index;">
                            <td nz-td>{{i+1}}</td>
                            <td nz-td>
                                <a>{{data.carNo}}</a>
                            </td>
                            <td nz-td>{{data.chargeTime}}</td>
                            <td nz-td>{{data.chargeMoney}}</td>
                        </tr>
                    </tbody>
                </nz-table>
            </main>
        </section>
    </div>
</div>